
<!DOCTYPE html>
<html lang="zh">



<head>
  <script>
    window.themeRuntime = {
      root: "/",
      scriptsMap: {},
      init: {
        status: false
      },
      commentRest: {
        status: false
      },
      versions: {
        theme: "2.1.0",
        mdui: "0.4.0",
        fetch: "3.0.0",
        es6promise: "4.2.5+7f2b526d",
        lightgallery: "1.0.1",
        smoothscroll: "15.2.0"
      }
      
    };
    console.info("%cCopyright © 2018 - " + new Date().getFullYear() +" Halyul\n"+'Theme Version: ' + themeRuntime.versions.theme +'%c\nhttps://github.com/Halyul/hexo-theme-mdui',"font-size: 14px;color: #3F51B5;","color: #448AFF;text-decoration: none");
  </script>
  <!--
        © HEXO MDUI Theme
        https://github.com/Halyul/hexo-theme-mdui
        -->

  <meta charset="UTF-8">
  <title>2020 - 随风</title>

  <!-- Favicons -->
  <link rel="icon shortcut" type="image/ico" href="/images/favicon.png">
  <link rel="icon" sizes="192x192" href="/images/favicon.png">
  <link rel="apple-touch-icon" href="/images/favicon.png">

  <!-- Meta & Info -->
  <meta http-equiv="X-UA-Compatible">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  <meta name="theme-color" content="#fff">

  <meta name="author" content="张越">
  
  <meta name="keywords" content="blog, hexo, mdui">

  <!--iOS -->
  <meta name="apple-mobile-web-app-title" content="随风">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="480">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">

  <!-- The Open Graph protocol -->
  <meta property="og:url" content="http://zyuegege.gitee.io">
  <meta property="og:type" content="blog">
  <meta property="og:title" content="2020 - 随风 | 随风">
  <meta property="og:image" content="/images/favicon.png" />
  

  

  

  <!-- Import CSS -->
  
    
<link rel="stylesheet" href="/css/mdui.css">

  

  

<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/atom.xml" title="随风" type="application/atom+xml">
</head>


<body class="mdui-drawer-body-left mdui-theme-primary-indigo mdui-theme-accent-pink">

  <style>
    #spinner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          opacity: 1;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
          transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
    }
    main {
      opacity: 0;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
      display: none;
    }
  </style>
  <div id="spinner">
    <style>
      .spinner {

      -webkit-animation: rotator 1.4s linear infinite;
              animation: rotator 1.4s linear infinite;
      }

      @-webkit-keyframes rotator {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
      }
      }

      @keyframes rotator {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
      }
      }

      .path {
      stroke-dasharray: 187;
      stroke-dashoffset: 0;
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
              animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
      }

      @-webkit-keyframes colors {
      0% {
        stroke: #4285F4;
      }
      25% {
        stroke: #DE3E35;
      }
      50% {
        stroke: #F7C223;
      }
      75% {
        stroke: #1B9A59;
      }
      100% {
        stroke: #4285F4;
      }
      }

      @keyframes colors {
      0% {
        stroke: #4285F4;
      }
      25% {
        stroke: #DE3E35;
      }
      50% {
        stroke: #F7C223;
      }
      75% {
        stroke: #1B9A59;
      }
      100% {
        stroke: #4285F4;
      }
      }

      @-webkit-keyframes dash {
      0% {
        stroke-dashoffset: 187;
      }
      50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
      }
      100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
                transform: rotate(450deg);
      }
      }

      @keyframes dash {
      0% {
        stroke-dashoffset: 187;
      }
      50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
      }
      100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
                transform: rotate(450deg);
      }
      }
    </style>
    <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
      <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
    </svg>
  </div>

  <main>
    <div class="mdui-appbar mdui-appbar-fixed mdui-color-white mdui-shadow-0 theme-appbar">
  <div class="mdui-toolbar theme-toolbar-top">
    
      <a href="/" class="mdui-btn mdui-btn-icon mdui-ripple theme-appbar__burger theme-appbar__burger--arrow">
        <i class="mdui-icon">
          <span></span>
        </i>
      </a>
    
    <div class="mdui-toolbar-spacer"></div>
    <a href="javascript:;" class="mdui-btn mdui-btn-icon mdui-ripple theme-appbar__mode-switch">
      <i class="mdui-icon material-icons  theme-appbar__bright-mode">&#xe1ac;</i>
      <i class="mdui-icon material-icons  theme-appbar__dark-mode" style="display: none;">&#xe3a7;</i>
    </a>
  </div>
  <div class="mdui-toolbar theme-toolbar-bottom">
    <span class="theme-toolbar-bottom__title">随风</span>
    
      <a href="/search.html" class="mdui-textfield-icon mdui-btn mdui-btn-icon theme-toolbar-bottom__search">
        <i class="mdui-icon material-icons">&#xe8b6;</i>
      </a>
    
  </div>
  <div class="mdui-progress theme-appbar__progress" id="progressBar">
    <div class="mdui-progress-indeterminate"></div>
  </div>
</div>

    <div class="mdui-drawer mdui-drawer-full-height theme-drawer" id="drawer">
  <!-- header -->
  <div class="theme-drawer__header">
  <div class="theme-drawer__header__layer-1">
    <div class="mdui-toolbar theme-toolbar-top">
      
        <a href="javascript:;" class="mdui-btn mdui-btn-icon mdui-ripple theme-appbar__burger theme-appbar__burger--drawer theme-appbar__burger--arrow" id="drawer-back">
          <i class="mdui-icon">
            <span></span>
          </i>
        </a>
      
    </div>
    <div class="mdui-toolbar theme-toolbar-bottom">
      <span class="theme-toolbar-bottom__title">随风</span>
    </div>
  </div>
  <div class="theme-drawer__header__layer-2" style="background-image: url(/images/bg.png)">
    <img class="mdui-img-circle theme-drawer__header__layer-2__user__avatar" src="/images/avatar.png"/>
    <div class="theme-drawer__header__layer-2__user__info">
      <div class="theme-drawer__header__layer-2__user__info__author mdui-text-color-white-text">
        张越
      </div>
      <div class="theme-drawer__header__layer-2__user__info__slogan mdui-text-color-white-secondary">
        I&#39;m your slogan!
      </div>
    </div>
  </div>
</div>

  <div class="theme-drawer__warpper">
    <!-- content -->
    <div class="theme-drawer__warpper__content">
  <ul class="mdui-list">
    <a href="/" class="mdui-list-item mdui-ripple mdui-ripple-white">
      <i class="mdui-list-item-icon mdui-icon material-icons">&#xe88a;</i>
      <div class="mdui-list-item-content">首页</div>
    </a>
    <a href="/archives/" class="mdui-list-item mdui-ripple mdui-ripple-white">
      <i class="mdui-list-item-icon mdui-icon material-icons">&#xe149;</i>
      <div class="mdui-list-item-content">归档</div>
    </a>
    <ul class="mdui-list mdui-collapse" mdui-collapse="{accordion: true}" mdui-collapse>
      
        <div class="mdui-collapse-item ">
          <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
            <i class="mdui-list-item-icon mdui-icon material-icons">&#xe86e;</i>
            <div class="mdui-list-item-content">分类</div>
            <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
          </div>
          <div class="mdui-collapse-item-body mdui-list">
            
              <a href="/categories/nginx/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                nginx
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">5</span>
              </a>
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                秋招
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">13</span>
              </a>
            
              <a href="/categories/%E6%B5%8B%E8%AF%95/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                测试
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
          </div>
        </div>
      
      
        <div class="mdui-collapse-item ">
          <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
            <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
            <div class="mdui-list-item-content">标签</div>
            <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
          </div>
          <div class="mdui-collapse-item-body mdui-list">
            
              <a href="/tags/nginx/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                nginx
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">5</span>
              </a>
            
              <a href="/tags/c-c/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                c/c++
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">16</span>
              </a>
            
              <a href="/tags/UNIX/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                UNIX
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                网络编程
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                计算机网络
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                面经
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">10</span>
              </a>
            
              <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                秋招
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">11</span>
              </a>
            
              <a href="/tags/leetcode/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                leetcode
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E7%AE%97%E6%B3%95/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                算法
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/mysql/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                mysql
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                数据库
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E7%AE%80%E5%8E%86/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                简历
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/resume/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                resume
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/CV/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                CV
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                设计模式
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">4</span>
              </a>
            
          </div>
        </div>
      
      <div class="mdui-collapse-item mdui-collapse-item-open">
        <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
          <i class="mdui-list-item-icon mdui-icon material-icons">&#xe916;</i>
          <div class="mdui-list-item-content">年份</div>
          <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
        </div>
        <div class="mdui-collapse-item-body mdui-list">
          
          
            <a href="/archives/2020/" class="mdui-list-item mdui-ripple">
              2020
            </a>
          
        </div>
      </div>
    </ul>
  </ul>
  
    <div class="mdui-divider"></div>
    <ul class="mdui-list" mdui-collapse="{accordion: true}" mdui-collapse>
      
        
          
            <a href="/friends" target="_self" class="mdui-list-item mdui-ripple mdui-ripple-white">
          
              
              
                <i class="mdui-list-item-icon mdui-icon material-icons">&#xe0ba;</i>
              
              
              <div class="mdui-list-item-content">Test1</div>
            </a>
        
      
        
          
            <a href="/apply-for-link" target="_self" class="mdui-list-item mdui-ripple mdui-ripple-white">
          
              
                <i class="mdui-list-item-icon mdui-icon fa fa-child mdui-text-center"></i>
              
              
              
              <div class="mdui-list-item-content">Test2</div>
            </a>
        
      
        
          
            <a href="/galleries" target="_self" class="mdui-list-item mdui-ripple mdui-ripple-white">
          
              
              
                <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
              
              
              <div class="mdui-list-item-content">Test3</div>
            </a>
        
      
        
          <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
              
              
                <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
              
              
              <div class="mdui-list-item-content">Test4</div>
              <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
              
                
                  <a href="/myfriends" class="mdui-list-item mdui-ripple mdui-ripple-white" target="_self">
                
                    TEST1
                  </a>
              
                
                  <a href="/timeline" class="mdui-list-item mdui-ripple mdui-ripple-white" target="_self">
                
                    TEST2
                  </a>
              
            </div>
          </div>
        
      
    </ul>
  
</div>

    <div class="theme-spacer"></div>
    <!-- footer -->
    <div class="theme-drawer__warpper__footer">
  <div class="mdui-typo mdui-typo-caption-opacity">
    Powered by <a href="http://hexo.io" target="_blank">Hexo</a>
    <br />
    Theme - <a href="//github.com/Halyul/hexo-theme-mdui" target="_blank">Halyul/MDUI</a>
    <br />
    <span>
      Copyright ©
      <span year></span>
      张越
    </span>
    
    
      <br />
      <span>
        最后更新于: 7月 09, 2020
      </span>
    
    
  </div>
</div>
<script type="text/javascript">
  var copyrightNow = new Date().getFullYear();
  var textContent = document.querySelector('span[year]')
  
    textContent.textContent = copyrightNow
  
</script>

  </div>
</div>

    <div id="top"></div>

    
<script src="/js/lightgallery.min.js"></script>


    <div id="barba-wrapper">
      <div class="barba-container"  data-namespace="archives">
        
  <div class="theme-archive">
    
<div id="side-content" class="mdui-color-deep-orange theme-archive__side-content">
  <div class="mdui-grid-tile" style="overflow: visible;margin-bottom: 0;">
    <div class="theme-archive__side-content__bg">
      <img src="/images/random/14.png" />
    </div>
  </div>
  <div class="theme-archive__side-content__content">
    <img class="mdui-img-circle theme-archive__side-content__avatar" src="/images/avatar.png"/>
    <div class="theme-archive__side-content__author mdui-text-center">
      张越
    </div>
    <div class="theme-archive__side-content__name">
      2020
    </div>
    <div class="theme-archive__side-content__length">
      
      10篇文章
    </div>
  </div>
</div>
<div id="contentLocation"></div>

    <div class="theme-posts">
      
        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/35.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/17/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E5%88%9B%E5%BB%BA%E6%A8%A1%E5%BC%8F/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                设计模式：创建模式
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-0'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-0">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" class="mdui-ripple">
                      <span>设计模式</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 17, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/18.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/17/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E6%A6%82%E8%BF%B0/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                设计模式：概述
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        软件模式是将模式的一般概念应用于软件开发领域，即软件开发的 总体指导思路或参照样板。软件模式并非仅限于设计模式，还包括 架构模式、分析模式和过程模式...
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-1'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-1">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" class="mdui-ripple">
                      <span>设计模式</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 17, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/20.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/17/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A1%8C%E4%B8%BA%E6%A8%A1%E5%BC%8F/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                设计模式：行为模式
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-2'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-2">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" class="mdui-ripple">
                      <span>设计模式</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 17, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/18.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/17/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E7%BB%93%E6%9E%84%E6%A8%A1%E5%BC%8F/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                设计模式：结构模式
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-3'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-3">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" class="mdui-ripple">
                      <span>设计模式</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 17, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/41.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/16/c_c++%E5%9F%BA%E7%A1%80-%E5%86%85%E5%AD%98%E7%AE%A1%E7%90%86/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                C/C++基础合集：内存管理
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        内存管理是程序开发时需要考虑的重要的环节，包括数据的存放，内存的开辟与释放。
[TOC]


      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-4'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-4">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 16, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/17.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/13/c_c++%E5%9F%BA%E7%A1%80-%E5%AE%B9%E5%99%A8/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                C/C++基础合集：容器
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        在c++中容器是STL中的重要内容，也是c++标准中重要的内容，所有的泛型通用算法其实都是基于容器与迭代器的，所以容器技术也成为c++的核心内容，也...
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-5'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-5">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 13, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/31.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/11/c_c++%E5%9F%BA%E7%A1%80-%E6%A8%A1%E6%9D%BF%E7%BC%96%E7%A8%8B/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                C/C++基础合集：模板编程
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        关于c++模板编程相关的一些面试常考知识点，许多资料基本都来源与互联网，每一部分都标明了从何处引用，与先关链接。
[TOC]
...
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-6'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-6">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 11, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/8.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/10/leetcode/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                LeetCode刷题笔记
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        [TOC]

      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-7'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-7">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/leetcode/" class="mdui-ripple">
                      <span>leetcode</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%AE%97%E6%B3%95/" class="mdui-ripple">
                      <span>算法</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 10, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/9.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/10/c_c++%E5%9F%BA%E7%A1%80-%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                C/C++基础合集：面向对象
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        关于c++面向对象相关的一些面试常考知识点，许多资料基本都来源与互联网，每一部分都标明了从何处引用，与先关链接。
[TOC]
...
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-8'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-8">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-ripple">
                      <span>面经</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-ripple">
                      <span>秋招</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 10, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
            


  <div class="theme-posts__post">
    <article class="mdui-card mdui-hoverable">
        <section class="mdui-card-media theme-posts__post__media" style="background-image: url(/images/random/27.png)">
        
        <div class="mdui-card-media-covered theme-posts__post__media-covered">
          <div class="mdui-card-primary mdui-typo">
            
              <a href="/2020/06/09/resume/" target="_self" class="mdui-card-primary-title mdui-text-truncate">
            
              
                个人简历
            </a>
          </div>
        </div>
        
      </section>
      <section class="mdui-card-content">
        联系方式
      </section>
      <div class="mdui-divider" style="margin: 0 16px;"></div>
      <section class="theme-posts__post__footer">
        
          
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="theme-link--no-style">
                <div class="mdui-chip theme-posts__post__footer__categories">
                  <span class="mdui-chip-icon">
                    <i class="mdui-icon material-icons mdui-text-center">&#xe86e;</i>
                  </span>
                  <span class="mdui-chip-title">秋招</span>
                </div>
              </a>
            
          
        
        
          
            <div class="theme-posts__post__footer__tags mdui-valign">
              <button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-ripple" mdui-menu="{target: '#post-tags-1-9'}">
                <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              </button>
              <ul class="mdui-menu" id="post-tags-1-9">
                
                  <li class="mdui-menu-item">
                    <a href="/tags/c-c/" class="mdui-ripple">
                      <span>c/c++</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/%E7%AE%80%E5%8E%86/" class="mdui-ripple">
                      <span>简历</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/resume/" class="mdui-ripple">
                      <span>resume</span>
                    </a>
                  </li>
                
                  <li class="mdui-menu-item">
                    <a href="/tags/CV/" class="mdui-ripple">
                      <span>CV</span>
                    </a>
                  </li>
                
              </ul>
            </div>
          
        
        <div class="theme-spacer"></div>
        <div class="mdui-valign">
          <div>
            6月 09, 2020
          </div>
        </div>
      </section>
    </article>
  </div>


        
        
    </div>
    <button id="index-fab" class="mdui-fab mdui-fab-fixed mdui-ripple mdui-color-theme-accent mdui-fab-hide" onclick="smoothScroll.animateScroll( 0 );">
  <i class="mdui-icon material-icons">&#xe5d8;</i>
</button>

  </div>
  <script type="text/javascript">
  themeRuntime.scriptsMap.archives = [];
  (function() {
    var fabTopFlag = false;
    var fabEl = document.getElementById('index-fab');
    function fabShowHide() {
      var bodyScrolled = document.documentElement.scrollTop || document.body.scrollTop;
      if (bodyScrolled > 0 && !fabTopFlag) {
        fabEl.classList.remove('mdui-fab-hide');
        fabTopFlag = true;
      } else if (bodyScrolled === 0 && fabTopFlag) {
        fabEl.classList.add('mdui-fab-hide');
        fabTopFlag = false;
      }
    }
    fabShowHide()
    window.addEventListener('scroll', fabShowHide);
    var listener = {
      function: fabShowHide,
      event: 'scroll',
      el: window,
      removed: false
    }
    themeRuntime.scriptsMap.archives.push(listener)
  })();

  (function() {
    var pageTotal = 2
    var pageNext = 2
    themeRuntime.temp = {
      index: 1
    }
    function morePosts() {
      var screenHeight = window.innerHeight;
      var compareHeight = document.body.clientHeight -  (document.documentElement.scrollTop || document.body.scrollTop);
      var loadStatus = pageNext - themeRuntime.temp.index
      if (screenHeight >= compareHeight && loadStatus === 1) {
        if (pageNext <= pageTotal) {
          loadProgress(false)
          var url = window.location.href + "page/" + pageNext
          themeRuntime.temp.index = pageNext;
          //console.log(pageTotal, url)
          fetch(url, {
              method:'GET',
              mode:'cors',
              credentials: 'include'
          })
          .then(function(response) {
            return response.text()
          }).then(function(HTML) {
            var fakeDom = document.createElement('html');
            fakeDom.innerHTML = HTML
            var morePostsHTML = fakeDom.querySelector('.theme-posts').innerHTML
            var postsArea = document.querySelector(".theme-posts")
            loadProgress(true)
            postsArea.insertAdjacentHTML('beforeend', morePostsHTML)
            pageNext++;
          }).catch(function(error) {
            mdui.alert(error, "错误！");
          })
        }
      }
    }
    window.addEventListener('scroll', morePosts);
    var listener = {
      function: morePosts,
      event: 'scroll',
      el: window,
      removed: false
    }
    themeRuntime.scriptsMap.archives.push(listener)
  })();
</script>
<script>
  var content_flag = false;
  const appbar = document.querySelector('.theme-appbar')
  const body = document.querySelector('body')
  const title = document.querySelector('.theme-toolbar-bottom__title')
  window.addEventListener('scroll', styleScrolled)
  var listener = {
    function: styleScrolled,
    event: 'scroll',
    el: window,
    removed: false
  }
  themeRuntime.scriptsMap.archives.push(listener)

  function styleScrolled() {
    var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
    var divTop = document.querySelector('div#contentLocation').offsetTop
    var contentLocation = divTop - scrollTop - 128;
    if (!content_flag && contentLocation < 0 && window.innerWidth < 860) {
      body.classList.remove('theme-archive--style-change');
      content_flag = true;
    } else if (content_flag && contentLocation >= 0 && window.innerWidth < 860) {
      body.classList.add('theme-archive--style-change');
      content_flag = false;
    };
  }
</script>



      </div>
    </div>
  </main>

  <div id="outdated" style="z-index: 9999;">
    <h6>你的浏览器已经过气辣！</h6>
    <p>赶紧升级浏览器来访问本站吧！<a id="btnUpdateBrowser" href="http://outdatedbrowser.com/" target="_blank" rel="noopener">现在就去</a></p>
    <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="关闭">&times;</a></p>
  </div>
  <!-- import js -->


  
<script src="/js/outdatedbrowser.min.js"></script>




  
    
<script src="/js/js.barba.min.js"></script>

    <script type="text/javascript">
      Barba.Utils.errorPageUrl = '/404.html';
    </script>
  


<!-- theme js -->
<script type="text/javascript">
  (function() {
    var appbarTopFlag = false;
    var appbarEl = document.querySelector('.theme-appbar');
    function appbarShadow() {
      var bodyScrolled = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
      if (bodyScrolled > 0 && !appbarTopFlag) {
        appbarEl.classList.add('theme-appbar--shadow');
        appbarTopFlag = true;
      } else if (bodyScrolled === 0 && appbarTopFlag) {
        appbarEl.classList.remove('theme-appbar--shadow');
        appbarTopFlag = false;
      }
    }
    appbarShadow()
    window.addEventListener('scroll', appbarShadow);
  })();
  (function() {
    function detechTheme() {
      var modeFlag = localStorage.getItem('darkMode');
      // true for dark mode, false for bright mode
      if(modeFlag === "true"){
        document.querySelector('body').classList.add('mdui-theme-layout-dark')
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#212121")
        return true
      } else if(!window.matchMedia) {
          return false;
      } else if(window.matchMedia("(prefers-color-scheme: dark)").matches) {
        document.querySelector('body').classList.add('mdui-theme-layout-dark')
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#212121")
          return true;
      } else if(window.matchMedia("(prefers-color-scheme: light)").matches) {
        document.querySelector('body').classList.remove('mdui-theme-layout-dark')
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#fff")
          return false;
      } else {
        return false;
      }
    }
    var modeFlag = detechTheme();
    var modeEl = document.querySelector('.theme-appbar__mode-switch');
    function modeSwitch() {
      if (!modeFlag) {
        // default bright mode, switch to dark mode
        document.querySelector('body').classList.add('mdui-theme-layout-dark');
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#212121")
        localStorage.setItem('darkMode', true);
        modeFlag = true;
      } else {
        // dark mode, switch to bright mode
        document.querySelector('body').classList.remove('mdui-theme-layout-dark');
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#fff")
        localStorage.setItem('darkMode', false);
        modeFlag = false;
      }
    }
    modeEl.addEventListener('click', modeSwitch);
  })();
</script>






<script type="text/javascript">
  document.querySelector('body').classList.add('theme-loaded')
</script>




</body>
</html>
